<template>
  <div class="common-layout">
    <el-container>
      <el-header
        style="background-color: #545c64; font-family: 'Courier New', Courier, monospace;';color:#fff;font-size:24px;   ">
        <el-icon style="font-size: 20px; margin-top:10px;  margin-right:-15px">
          <Grid />
        </el-icon>
        智慧城市</el-header>
      <el-container>
        <el-aside width="200px">



          <el-menu active-text-color="#ffd04b" background-color="#545c64" class="el-menu-vertical-demo"
            default-active="2" text-color="#fff" router>
            <el-sub-menu index="1">
              <template #title>
                <el-icon>
                  <House />
                </el-icon>
                <span>基础数据</span>
              </template>
              <el-menu-item index="/adminsetting">
                <el-icon>
                  <Avatar />
                </el-icon> 管理员设置</el-menu-item>
              <el-menu-item index="/gridperson">
                <el-icon>
                  <User />
                </el-icon>
                网格人员管理</el-menu-item>
              <el-menu-item index="/log">
                <el-icon>
                  <Document />
                </el-icon>
                日志列表</el-menu-item>

            </el-sub-menu>
            <el-sub-menu index="2">
              <template #title>
                <el-icon>
                  <location />
                </el-icon>
                <span>网格管理</span>
              </template>
              <el-menu-item index="physicalgrid">基础网格管理(物理)</el-menu-item>
              <el-menu-item index="2-2">基础网格管理(逻辑)</el-menu-item>

            </el-sub-menu>
          </el-menu>





        </el-aside>
        <el-main>
          <RouterView />
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
